<style>
    .ui-datepicker-calendar {
        display: none;
    }​
    .ui-datepicker-year{
        display: none;
    }​
</style>
<div class="container">
    <div class="row">
        <div class="span9">
            <div class="page-header" style="margin-top: 0px; padding-bottom: 0px; border-bottom-width: 3px; margin-bottom: 5px;">        
                <h3 style="margin-top: 0px; margin-bottom: 0px;">Reporte de Compras</h3>
            </div> 
        </div>        
    </div>
    <form class="form-horizontal">
        <div class="control-group">
            <label class="control-label" for="operator">Proveedor : </label>
            <select id="operator" >                
            </select>
        </div>    
        <div class="control-group">
            <div class="controls">
                <button id="purcharse_supplier_generate" class="btn btn-primary">Generar</button>
                <button id="purcharse_supplier_pdf" class="btn btn-info"><img src="static/img/icon_pdf.png" style="width: 18px;">PDF</button>
                <button id="purcharse_supplier_excel" class="btn btn-info"><img src="static/img/icon_excel.png" style="width: 18px;">Excel</button>

            </div>
        </div>
    </form>
    <table id="rst_table"  class="table table-bordered table-hover">
        <thead>
            <tr>
                <th>Número</th>
                <th>Fecha</th>
                <th>RUC</th>
                <th>Proveedor</th>
                <th>SubTotal</th>
                <th>IGV</th>
                <th>Total</th>
            </tr> 
        </thead>
        <tbody>

        </tbody>
    </table>
</div> 
